<template>
    <div class="p10 flex_col border mt5">
        <div class="flex_row_center">
            <label>开始时间:</label>
            <label>{{ ctx.holiday.begin }}</label>
        </div>
        <div class="flex_row_center">
            <label>截止时间(不含):</label>
            <label>{{ ctx.holiday.end }}</label>
        </div>
        <div class="flex_row_center">
            <label>天数:</label>
            <label>{{ ctx.holiday.days }}</label>
        </div>
    </div>
</template>

<script setup lang="ts">

import { type Holiday } from '@/service/api';

interface Ctx {
    holiday: Holiday,
}

const ctx = defineProps<Ctx>();

</script>
